<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>链接管理</title>

    <script src="js/jquery-2.2.1.min.js"></script>
    <!-- BOOTSTRAP STYLES-->
    <link href="assets/css/bootstrap.css" rel="stylesheet" />
    <script src="js/bootstrap.min.js"></script>
    <!-- FONTAWESOME STYLES-->
    <link href="assets/css/font-awesome.css" rel="stylesheet" />
    <!--CUSTOM BASIC STYLES-->
    <link href="assets/css/basic.css" rel="stylesheet" />
    <!--CUSTOM MAIN STYLES-->
    <link href="assets/css/custom.css" rel="stylesheet" />
    <!-- GOOGLE FONTS-->
    <link href='css/fontsCss.css' rel='stylesheet' type='text/css' />

    <link href="css/link.css" rel="stylesheet" type="text/css">
    <link href="css/main.css" rel="stylesheet" type="text/css">

    <!--cropper-->
    <link href="cropper/cropper.css" rel="stylesheet" type="text/css">
    <script src="cropper/cropper.js"></script>

    <script src="js/link/otherLink.js"></script>
    <script src="js/main.js"></script>
    <script src="js/utlities.js"></script>
</head>
<body>
<div id="wrapper">

    <!-- /. NAV TOP  -->

    <!-- /. NAV SIDE  -->
    <div id="page-wrapper">
        <div class="page-inner">
            <div>
                <div class="col-md-12">
                    <h4 class="page-head-line">其他链接管理</h4>
                </div>
            </div>
            <!-- /. ROW  -->
            <div>
                <div>
                    <a class="btn btn-primary" style="margin-left: 15px" id="AddLink">
                        <i class="fa fa-plus"></i>
                        &nbsp;新增
                    </a>
                </div>
                <div id="content">
                    <!--<div class="divContent">-->
                        <!--<div class="divList">-->
                            <!--<img src="images/Add%20to_01.png" class="img" id="img-0">-->
                            <!--<input type="file" id="upload-0" class="hidden">-->
                        <!--</div>-->
                        <!--<div style="margin-top: 10px">-->
                            <!--<div class="col-sm-2 control-label" style="padding-top: 4px">标题</div>-->
                            <!--<div class="col-sm-10">-->
                                <!--<input type="text" placeholder="标题" class="inputText">-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div style="margin-top: 50px">-->
                            <!--<div class="col-sm-2 control-label" style="padding-top: 4px">链接</div>-->
                            <!--<div class="col-sm-10">-->
                                <!--<input type="text" placeholder="链接" class="inputText">-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div>-->
                            <!--<div class="col-sm-12">-->
                                <!--<a class="btn btn-primary button">-->
                                    <!--<i class="fa fa-save"></i>-->
                                    <!--&nbsp;保存-->
                                <!--</a>-->
                                <!--<a class="btn btn-primary button">-->
                                    <!--<i class="fa fa-trash-o"></i>-->
                                    <!--&nbsp;删除-->
                                <!--</a>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</div>-->

                </div>
            </div>
            <!-- /. ROW  -->

        </div>
        <!-- /. PAGE INNER  -->
        <!--提示弹窗-->
        <div class="modal fade" id="infomodal" role="dialog" aria-labelledby="mypackage" aria-hidden="true">
            <div class="modal-dialog" style="width: 260px;">
                <div class="modal-content">
                    <div class="modal-header" style="background: #F8F8F8;border-bottom: none">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: black;">x</button>
                        <h5 class="modal-title" style="color:#333;">信息</h5>
                    </div>
                    <div class="modal-body">
                        <div style="font-family: 微软雅黑;" id="info"></div>
                        <div align="right">
                            <a class="button-a opBtn" style="margin-top: 20px;" id="modal_confirm">确定</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--是否删除-->
        <div class="modal fade" id="deletemodal" role="dialog" aria-labelledby="mypackage" aria-hidden="true">
            <div class="modal-dialog" style="width: 260px;">
                <div class="modal-content">
                    <div class="modal-header" style="background: #F8F8F8;border-bottom: none">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: black;">x</button>
                        <h5 class="modal-title" style="color:#333;">信息</h5>
                    </div>
                    <div class="modal-body">
                        <span id="del_id" class="hidden"></span>
                        <div style="font-family: 微软雅黑;">确定要删除选中的记录？</div>
                        <div align="right">
                            <a class="button-a opBtn" style="margin-top: 20px;" id="del_confirm">确定</a>
                            <a class="button-cancel cancelBtn" style="margin-top: 20px;" id="del_cancel" onclick="modalclose('#deletemodal')">取消</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--上传图片-->
        <div class="modal fade" id="imagemodal" role="dialog" aria-labelledby="mypackage" aria-hidden="true">
            <div class="modal-dialog" style="width: 600px;">
                <div class="modal-content">
                    <div class="modal-header" style="background: #F8F8F8;border-bottom: none">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: black;">x</button>
                        <h5 class="modal-title" style="color:#333;">裁剪</h5>
                    </div>
                    <div class="modal-body">
                        <div class="container">
                            <img src="" id="image">
                            <div id="result" style="display: none"></div>
                            <span id="imgId" class="hidden"></span>
                        </div>
                        <div align="right">
                            <a class="button-a opBtn" style="margin-top: 20px;" id="img_confirm">确定</a>
                            <a class="button-cancel cancelBtn" style="margin-top: 20px;" id="img_cancel" onclick="modalclose('#imagemodal')">取消</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--上传图片-->
        <div class="modal fade" id="progressmodal" role="dialog" aria-labelledby="mypackage" aria-hidden="true">
            <div class="modal-dialog" style="width: 330px;">
                <div class="modal-content">
                    <div class="modal-header" style="background: #F8F8F8;border-bottom: none">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: black;">x</button>
                    </div>
                    <div class="modal-body" style="height: 70px">
                        <div id="progress" align="center">
                            <div id="progress-div"></div>
                            <div id="tip" style="color: #00B83F">上传中···</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /. PAGE WRAPPER  -->
</div>
<!-- /. WRAPPER  -->

</body>
</html>
